/*** USWITCH SELECT ** */
.us-form select {
    position: relative !important;
    -webkit-appearance: button !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    vertical-align: middle !important;
    height: 2.2em !important;
    margin: 2px !important;
    padding: 0.3em 0.6em !important;
    background: white !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 0.3em !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.85em !important;
    font-weight: normal !important;
    overflow: hidden !important;
    text-shadow: 0 1px 0 white !important;
    -webkit-transition: box-shadow 200ms, border-color 200ms !important;
    -moz-transition: box-shadow 200ms, border-color 200ms !important;
    transition: box-shadow 200ms, border-color 200ms !important;
    white-space: nowrap !important;
}

    .us-form select option {
        text-shadow: none !important;
    }

    .us-form select:disabled, .us-form select:disabled:hover {
        color: #cccccc  !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)  !important;
    }

    .us-form select.error {
        color: #bf212e !important;
        border-color: #bf212e !important;
    }

    .us-form select.input-big {
        font-size: 17px !important;
    }

.us-form.error select, .us-form .error select {
    color: #bf212e !important;
    border-color: #bf212e !important;
}

.boxshadow .us-form select:not([size]):focus {
    outline: none !important;
    border-color: #66ccff !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 4px #66ccff !important;
}

.boxshadow.no-touch .us-form select:not([size]):hover {
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 3px #ffff88 !important;
}

.cssgradients .us-form select:not([size]) {
    border-color: #ececec !important;
    background-color: #ececec !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)) !important;
    background-image: -webkit-linear-gradient(top, white, #ececec) !important;
    background-image: -moz-linear-gradient(top, white, #ececec) !important;
    background-image: -ms-linear-gradient(top, white, #ececec) !important;
    background-image: -o-linear-gradient(top, white, #ececec) !important;
    background-image: linear-gradient(top, white, #ececec) !important;
}

    .cssgradients .us-form select:not([size]).focus {
        border-color: #66ccff !important;
    }

    .cssgradients .us-form select:not([size]).error {
        border-color: #bf212e !important;
    }

.cssgradients .us-form.error select, .cssgradients .us-form .error select {
    border-color: #bf212e !important;
}

/* ie9/10 */
@media screen and (min-width: 0 \0) {
    .us-form select:not([size])::-ms-expand {
        background: transparent !important;
        border: none !important;
        width: 12px !important;
        padding-left: 5px !important;
    }

    .boxshadow .us-form select:not([size]) {
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    }

        .boxshadow .us-form select:not([size]):focus {
            box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 4px #66ccff !important;
        }

    .no-touch.boxshadow .us-form select:not([size]):hover {
        border-color: white !important;
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 3px #ffff88 !important;
    }
}

/* firefox - use a wrap */
@-moz-document url-prefix() {
    .us-form select:not([size]) {
        max-width: 999px  !important;
    }

    .us-form option {
        padding-right: 10px !important;
    }

    .us-form-select-wrap {
        position: relative !important;
        display: inline-block !important;
        vertical-align: baseline !important;
        font-size: 0.9em !important;
    }

        .us-form-select-wrap.input-big {
            font-size: 17px !important;
        }

        .us-form-select-wrap:before {
            content: "" !important;
            position: absolute !important;
            right: 0.5em !important;
            top: 0.3em !important;
            z-index: 11 !important;
            bottom: 0.3em !important;
            width: 1.55em !important;
            background-color: #ececec !important;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec)) !important;
            background-image: -webkit-linear-gradient(top, white, #ececec) !important;
            background-image: -moz-linear-gradient(top, white, #ececec) !important;
            background-image: -ms-linear-gradient(top, white, #ececec) !important;
            background-image: -o-linear-gradient(top, white, #ececec) !important;
            background-image: linear-gradient(top, white, #ececec) !important;
            pointer-events: none !important;
        }

        .us-form-select-wrap:after {
            content: "\25bc" !important;
            position: absolute !important;
            right: 5px !important;
            top: 0.9em !important;
            bottom: 0.8em !important;
            z-index: 12 !important;
            font-size: 0.6em !important;
            font-family: "uswitch-icon", helvetica, arial, sans-serif !important;
            line-height: 1 !important;
            padding: 0.5em 4px 0 !important;
            color: #999999 !important;
            border-left: 1px solid white !important;
            box-shadow: -1px 0 0 #dddddd !important;
            text-shadow: 0 1px 0 white !important;
            pointer-events: none !important;
        }
}

/* webkit */
@media all and (-webkit-min-device-pixel-ratio: 0) {
    .us-form select:not([size]) {
        padding-right: 30px !important;
    }

    .boxshadow .us-form select:not([size]) {
        background-image: url("data:image/png !important;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAzElEQVRIDWP8//8/Ay0BE8zws2fPgmyium1wC2AWUZsetYBgiI4GEcEgYiGoAqqgq6trGZAZia4emFGXlZeXR6OLw/hEx8G/f/+ygYY9hWkE0UD+IyCVhSyGzibagoqKiveMjIyJIHNBhgAN/wekYoGu/wji4wJEWwAyoKysbDfQ4ClQw7qAhh/CZTBMnOg4gGl4+fJluYSEhNC9e/fqYGJ4aaCLQN5lOHPmDJACAzAfyKIKTVIQ4XUpDslRC3AEDEJ46AcRIyg50hIAANnugKRDswA6AAAAAElFTkSuQmCC"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ededed)) !important;
        background-image: url("data:image/svg+xml !important;utf8,<svg width='24px' height='22px' version='1.1' xmlns='http://www.w3.org/2000/svg'><title>select-arrow</title><g id='arrow-group' fill='rgb(223,223,223)' fill-rule='evenodd'><path d='M10,9 L13.4690265,14 L17,9 L10,9 Z M10,9' id='arrow' fill='rgb(155,155,155)'></path><path d='M2,1 L2,21 L3,21 L3,1 L2,1 Z M2,1' id='dark-line' fill='rgb(213,213,213)'></path><path d='M3,1 L3,21 L4,21 L4,1 L3,1 Z M3,1' id='light-line' fill='rgb(254,255,255)'></path></g></svg>"), -webkit-linear-gradient(-90deg, white 0%, #ededed 100%) !important;
        background-repeat: no-repeat, repeat !important;
        background-position: 100% 50%, 0 0 !important;
    }

        .boxshadow .us-form select:not([size]).error {
            color: #bf212e !important;
            border-color: #bf212e !important;
        }

    .boxshadow .us-form.error select:not([size]), .boxshadow .us-form .error select:not([size]) {
        color: #bf212e !important;
        border-color: #bf212e !important;
    }

    .boxshadow .us-form select:not([size]):focus {
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 4px #66ccff !important;
    }

    .no-touch.boxshadow .us-form select:not([size]):hover {
        border-color: #c8c8c8 !important;
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 3px #ffff88 !important;
    }
}

/* multiple line select control (eg <select size="10">) */
.us-form select[size] {
    -webkit-appearance: none !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    display: inline-block !important;
    height: auto !important;
    margin: 2px !important;
    padding: 0.3em 0 0.3em 0.4em !important;
    border: 1px solid #c4c0c0 !important;
    border-radius: 2px !important;
    box-shadow: 0px 3px 2px #eeeeee inset !important;
    font-family: "Lucida Grande", helvetica, arial, sans-serif !important;
    font-size: 0.85em  !important;
    -webkit-transition: box-shadow 200ms, border-color 200ms !important;
    -moz-transition: box-shadow 200ms, border-color 200ms !important;
    -ms-transition: box-shadow 200ms, border-color 200ms !important;
    transition: box-shadow 200ms, border-color 200ms !important;
    vertical-align: middle !important;
    overflow: scroll !important;
}

    .us-form select[size] .error {
        border-color: #bf212e !important;
    }

    .us-form select[size]:focus {
        outline: none !important;
        color: #333333 !important;
        border-color: #66ccff !important;
        box-shadow: 1px 3px 2px #eeeeee inset, 0 0 4px #66ccff !important;
    }

        .us-form select[size]:focus:hover {
            outline: none !important;
            color: #333333 !important;
            border-color: #66ccff !important;
            box-shadow: 1px 3px 2px #eeeeee inset, 0 0 4px #66ccff !important;
        }

.us-form.error select[size], .us-form .error select[size] {
    border-color: #bf212e !important;
    color: inherit !important;
}

.no-touch .us-form select[size]:hover {
    bor